<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
	content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />

<link href="/public/css/H-ui.min.css" rel="stylesheet" type="text/css" />
<link href="/public/css/H-ui.admin.css" rel="stylesheet" type="text/css" />
<link href="/public/skin/default/skin.css" rel="stylesheet" type="text/css" />
<link href="/public/lib/Hui-iconfont/1.0.1/iconfont.css" rel="stylesheet" type="text/css" />
<link href="/public/css/style.css" rel="stylesheet" type="text/css" />
<link href="/public/css/jPages.css" rel="stylesheet" type="text/css" />
<link href="/public/lib/zTree/v3/css/zTreeStyle/zTreeStyle.css" rel="stylesheet" type="text/css" />


<script type="text/javascript" src="/public/js/utils/jquery-1.10.2.min.js"></script> 
<script type="text/javascript" src="/public/lib/bootstrap-modal/2.2.4/bootstrap-modal.js"></script>
<script type="text/javascript" src="/public/lib/bootstrap-modal/2.2.4/bootstrap-modalmanager.js"></script>
<script type="text/javascript" src="/public/lib/layer/1.9.3/layer.js"></script>
<script type="text/javascript" src="/public/lib/laypage/1.2/laypage.js"></script>
<script type="text/javascript" src="/public/lib/My97DatePicker/WdatePicker.js"></script> 
<script type="text/javascript" src="/public/lib/datatables/1.10.0/jquery.dataTables.min.js"></script> 
<script type="text/javascript" src="/public/js/H-ui.js"></script> 
<script type="text/javascript" src="/public/js/jPages.js"></script> 
<script type="text/javascript" src="/public/js/H-ui.admin.js"></script> 
<script type="text/javascript" src="/public/lib/Validform/5.3.2/Validform.min.js"></script> 
<script type="text/javascript" src="/public/lib/zTree/v3/js/jquery.ztree.all-3.5.min.js"></script> 
<script type="text/javascript" src="/public/js/jquery.form.js"></script> 
<script type="text/javascript" src="/public/lib/laypage/1.2/laypage.js"></script>
<script type="text/javascript" src="/public/js/ajaxfileupload.js"></script>
<script type="text/javascript" src="/public/js/picbox.js"></script>
<script type="text/javascript" src="/public/js/lightbox.js"></script>

<script type="text/javascript" src="/public/js/utils/util.js"></script>
<script type="text/javascript" src="/public/js/utils/jquery.cookie.js"></script>

<title>借贷列表</title>
</head>
<body>
		<div class="HuiTab">
			  <div class="cl tab_parents">
		      	  <div class="fl tabback"><a class="back"></a></div>
		      	  <div class="fl tabIndex current"><img src="AAA.png" /><span class="tabIndex_tips">热门贷款</span><a class="tab_edit" title="编辑" href="javascript:;" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont"></i></a></div>
		      	  <div class="fl tabIndex"><img src="AAA.png" /><span class="tabIndex_tips">小额贷款</span><a class="tab_edit" title="编辑" href="javascript:;" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont"></i></a></div>
		      	  <div class="fl tabIndex"><img src="AAA.png" /><span class="tabIndex_tips">大额贷款</span><a class="tab_edit" title="编辑" href="javascript:;" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont"></i></a></div>
		      	  <div class="fl tabIndex"><img src="AAA.png" /><span class="tabIndex_tips">机构贷款</span><a class="tab_edit" title="编辑" href="javascript:;" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont"></i></a></div>
			  </div>
				<table class="table table-border table-bordered table-hover table-bg ">
					<thead>
						<tr class="text-c">
							<th width="100">移动端顺序</th>
							<th width="10">ID</th>
							<th width="100">借贷产品名称</th>
							<th width="100">所属机构</th>
							<th width="80">合作方式</th>
							<th width="80">借款期数及利率</th>
							<th width="30">借款金额范围(元)</th>
							<th width="80">推广有效期</th>
							<th width="30">推广总金额(元)</th>
							<th width="40">已借款金额(元)</th>
							<th width="40">上架状态</th>
							<th width="100">推广状态</th>
							<th width="100">推荐状态</th>
						</tr>
					</thead>
					<tbody>
							<tr class="text-c">
								<td>1</td>
								<td>234234</td>
								<td>xxxxx</td>
								<td>机构1</td>
								<td>CPA</td>
								<td>3期 官方0.06% 平台补贴——6期 官方0.06% 平台补贴0.12%</td>
								<td>300-1000</td>
								<td>2016年9月7日-2017年1月1日</td>
								<td>200000元</td>
								<td>234234元</td>
								<td>上架</td>
								<td>已到期</td>
								<td>3期、12期</td>
							</tr>
							<tr class="text-c">
								<td>1</td>
								<td>234234</td>
								<td>xxxxx</td>
								<td>机构2</td>
								<td>数据对接</td>
								<td>3期 官方0.06% 平台补贴——6期 官方0.06% 平台补贴0.12%</td>
								<td>300-1000</td>
								<td>2016年9月7日-2017年1月1日</td>
								<td>200000元</td>
								<td>234234元</td>
								<td>下架</td>
								<td>已到期</td>
								<td>----</td>
							</tr>
					</tbody>
				</table>
		</div>
	<script type="text/javascript">
		$(function(){
			/***tab切换***/
			$(".tab_parents .tabIndex").on("click",function(){
				$(".tab_parents .tabIndex").removeClass("current");
				$(this).addClass("current");
			});
			/***tab上的编辑**/
			$("body").on("click",".tab_edit",function(){
				layer_show("", "borrowing-mobile-edit.html",880,760);
			})
			
			/**返回**/
			$(".tab_parents .tabback").on("click",function(){
				layer_close();
			});
			/**点击修改**/
			$("body").on("dblclick","tbody tr td:first-child",function(){
				var index = $(this).text();
				var input = "<input type='text' class='editInput' value='"+ (index) +"' />";
				$(this).text("").append(input);
				$(this).children("input").focus();
			});
			//输入框触发change事件
			$("body").on("change",".editInput",function(){
				alert("调用修改顺序的接口");
			});
			//输入框失去焦点
			$("body").on("blur",".editInput",function(){
				var value = $(this).val();
				$(this).parent("td").text("").text(value);
			});
		});
	</script>
</body>
</html>